<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">  
    <link rel="stylesheet" type="text/css" href="../css/layout.css">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="../js/jquery.1.7.2.min.js"></script>
    <script src="mylab.js"></script>
     <link rel="stylesheet" href="mylab.css" type="=text/css">
    <title>前端艺术|实验室</title>
    <style>
      html{
  /*background-color: #efefef;*/
  /*background:url('http://www.webresourcesdepot.com/wp-content/themes/default/images/main-bg.jpg');*/
}
body{
    margin:0px;
    background: rgba(20,20,20,0.8);
}
#container{
  background: #231000;
}
#header{
  background: #ccc;
  height:150px;
  border-bottom:1px solid #a02;
  border-top:1px solid #d09;
}
#logo{
  position: absolute;
  top: 0px;
  left: 0;
  height: 108px;
  overflow: visible;
  /*background: #33363b;*/
  display: block;
}
#drag_ctr{
  position: absolute;
  top:0px;
  left:10px;
  width:80px;
  height:40px;
  background: rgba(240,27,107,0.1);
}
#header_nav{
  position:absolute;
  top:100px;
  left:42%;
  padding:10px;
  display: inline;
  border:1px solid rgba(240,0,0,0.1);
  border-radius: 1px;
 /* -webkit-box-shadow:1px 3px 5px 3px rgba(200,150,150,0.3);*/
  background: rgba(200,200,200,0.3);
}
#header_nav li{
  display: inline;
  /*color:#fff;*/
  font-size: 16px;
  padding: 10px;
  margin:5px;
  
}
#header_nav li a{ 
  color:#fff;
  margin:10px;
  text-decoration: none;  
}
#header_nav li :hover{

}
#left_panel{
  background: rgba(250,255,250,0.3);
  /*width: 200px;*/
  width: 15%;
  min-width: 120px;
  height: 500px;
  border-right: 10px solid rgba(100,100,100,0.9);
  border-bottom-right-radius: 50px;
  /*border-top-right-radius: 50px;*/
    
}
#content_mylab{
  /*position: absolute;*/
    margin-top: -20px;
  display: block;
  background: #fff;
  height:520px;
  width: 100%;
}
footer{
  display: block;
  position: relative;
  /*margin:0px;*/
    background: #fff;
    height:100px;
    width: 100%; 
    border-top:1px solid #991255;
}
footer p{
  /*position: absolute;*/
  margin-left:42%;
  margin-top:0px;
  padding-top:45px;
}
ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.var_nav
{
position:relative;
background:#ccc; 
/*width:280px;*/
width:120%;
height:70px;
margin-bottom:5px;
/*opacity: 0.5;*/
}
.link_bg
{
 width:70px;
 height:70px;
 position:absolute;
 background:#E01B6A;
 color:#fff;
 z-index:2;
}
.link_bg i
{
 position:relative;
}
.link_title
{
position:absolute;
width:100%;
z-index:3;
color:#fff;
}
.link_title:hover .icon
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);  
}
.var_nav:hover .link_bg
{
width:100%;
background:#E01B6A;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.var_nav:hover a
{
font-weight:bold;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out; 
-o-transition:all .5s ease-in-out; 
-ms-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;  
}
.icon
{
position:relative;
/*width:70px;*/
width:20%;
height:70px;
text-align:center;
color:#fff;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out; 
-o-transition:all .5s ease-in-out; 
-ms-transition:all .5s ease-in-out;   
float:left;
transition:all .5s ease-in-out;   
float:left;  
}
.icon i{top:22px;position:relative;}
.var_nav a{
display:block;
position:absolute;
float:left;
font-family:arial;
color:#fff;
text-decoration:none;
width:100%;
height:70px;
text-align:center;
}
span
{
margin-top:25px;
display:block;
}
.main_content{
  position: absolute;
  top:200px;
  left:22%;
  overflow: none;

}
.main_content .box{
    position: absolute;
}
    </style>
  </head>

  <body >
    <div id="container">
      <div id="header">
        <img id="logo" src="../images/logo.png"></img>
                                   <!-----------------导航栏------>
        <div id="header_nav">
          <a id="header_links" href="http://www.juerry.com"><div id="drag_ctr"></div></a>
          <ul>
            <li><a id="navtext_0" href="http://www.juerry.com">首页</a></li>
            <li><a id="navtext_1" href="mylab.html">实验室</a></li>
            <li><a id="navtext_2" href="../myblog/index.html">博客</a></li>
          </ul>
        </div>
      
      </div>
      <div id="content_mylab">
        <div id="left_panel">
          <div style="height:20px;background:#222;margin-top:20px;"></div>
          <p style="background:#E01B6A;text-align:center;padding:10px;color:#efefef;font-size:20px;font-weight:bolder;border-radius:10px;top:20px;margin:5px;">实验分类：</p>
          <nav>
            <UL>
             <li class="var_nav">
                <div class="link_bg"></div>
                <div class="link_title">
                  <div class=icon> 
                  <i class="icon-mobile-phone icon-2x"></i>
                  </div>
                  <a href="#"><span>页面设计</span></a>
                </div>
             </li>
             <li class="var_nav">
                <div class="link_bg"></div>
                <div class="link_title">
                  <div class=icon> 
                  <i class="icon-lightbulb icon-2x"></i>
                  </div>
                  <a href="#"><span>CSS3设计</span></a>
                </div>
             </li>
             <li class="var_nav">
                <div class="link_bg"></div>
                <div class="link_title">
                  <div class=icon> 
                  <i class="icon-wrench icon-2x"></i>
                  </div>
                  <a href="#"><span>HTML5游戏</span></a>
                </div>
             </li>
             <li class="var_nav">
                <div class="link_bg"></div>
                <div class="link_title">
                  <div class=icon> 
                  <i class="icon-briefcase icon-2x"></i>
                  </div>
                <a href="#"><span>HTML5应用</span></a>
                </div>
             </li>
             <li class="var_nav">
                <div class="link_bg"></div>
                <div class="link_title">
                  <div class=icon> 
                  <i class="icon-briefcase icon-2x"></i>
                  </div>
                <a href="#"><span>jQuery插件</span></a>
                </div>
             </li>
            </UL>
          </nav>
          <!-- <nav>
            <li><a href="TextEditor/index.html">HTML5记事本</a></li>
            <li><a href="minigame/minigame.html">迷你游戏</a></li>
            <li><a href="hitmolegame.html">打地鼠游戏</a></li>
            <li><a href="particle/particle.html">粒子系统</a></li>
          </nav> -->
        </div><!-- left_panel -->
        <div class="main_content">
        <!-----------------------------------page_design -->
          <div class="box" id="page_design">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
          </div><!-- first --> 
          <!--------------------------------------- css3_desgin -->
          <div class="box" id="css3_desgin">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
            </div><!-- css3_design -->
            <!-- -----------------------------------------html5_games -->
            <div class="box" id="html5_games">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
            </div><!-- HTML5_games -->
            <!---------------------------------- html5_application -->
            <div class="box" id="html5_application">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
           </div><!-- HTML5_application --> 
           <!------------------------------------- jquery_plugin -->  
           <div class="box" id="jquery_plugin">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
          </div><!-- jQuery_plugin -->
        </div><!-- main content -->   
      </div>

      <footer>
        <p style="font-size:10px;">Copyright © 2014 前端艺术. All Rights Reserved.</p>
      </footer>
    </div>
    <script src="http://mat1.gtimg.com/app/openjs/openjs.js#autoboot=no&debug=no"></script>

  </body>
</html>
